import { defineAsyncComponent, hydrateOnVisible } from 'vue'

const HOME_ROUTE = {

  HomeCamera: defineAsyncComponent({
    hydrate: hydrateOnVisible(),
    loader: () => import('@/views/home/camera.vue'),
  }),
  HomeColorFull: defineAsyncComponent({
    hydrate: hydrateOnVisible(),
    loader: () => import('@/views/home/colorfull.vue'),
  }),
  HomeDemo: defineAsyncComponent({
    hydrate: hydrateOnVisible(),
    loader: () => import('@/views/home/demo.vue'),
  }),
  HomeHideDesktop: defineAsyncComponent({
    hydrate: hydrateOnVisible(),
    loader: () => import('@/views/home/hidedesktop.vue'),
  }),
  HomeMultiTask: defineAsyncComponent({
    hydrate: hydrateOnVisible(),
    loader: () => import('@/views/home/multitask.vue'),
  }),
  HomeUnClose: defineAsyncComponent({
    hydrate: hydrateOnVisible(),
    loader: () => import('@/views/home/unclose.vue'),
  }),
  HomeUnResize: defineAsyncComponent({
    hydrate: hydrateOnVisible(),
    loader: () => import('@/views/home/unresize.vue'),
  }),
  HomeWeb: defineAsyncComponent({
    hydrate: hydrateOnVisible(),
    loader: () => import('@/views/home/web.vue'),
  }),

}

export default HOME_ROUTE
